<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
		<title>Make squares</title>
		<script type="text/javascript" charset="utf-8" src="js/msview.js"></script>
		<script type="text/javascript" charset="utf-8" src="js/msgame.js"></script>
		<script type="text/javascript" charset="utf-8" src="js/makesquares.js"></script>
	</head>
	<body onload="init();restart();">
		<table>
			<tr>
				<td><svg id="mySVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"></svg></td>
				<td valign="top">
					Scores:<br>
					<table id="scoreboard"></table><br><br>
					<a href="#" onclick="zoomin();"><img src="images/zoom-in-mini.jpg"></a>
					<a href="#" onclick="zoomout();"><img src="images/zoom-out-mini.jpg"></a>
					<button onclick="reset();">Reset</button><br><br>
					<ol id='players'><li id='player0'><input id='player0name' type='text' value='Player 1'><select id='player0type'><option value='h'>Human</option><option value='c'>Computer</option></select><span id='dummy' style="background-color: #ff0000">&nbsp;&nbsp;&nbsp;&nbsp;</span></li><li id='player1'><input id='player1name' type='text' value='Player 2'><select id='player1type'><option value='h'>Human</option><option value='c'>Computer</option></select><span style="background-color: #00ff00">&nbsp;&nbsp;&nbsp;&nbsp;</span><a href="#" onclick="removePlayer(1);">X</a></li></ol>
					<button onclick="addPlayer();">Add</button><br><br>
					<table>
						<tr><td>Rows:</td><td><input type="number" id="input-nr" value="10"/></td></tr>
						<tr><td>Columns:</td><td><input type="number" id="input-nc" value="10"/></td></tr>
						<tr><td></td><td><button onclick="restart();">Restart</button></td></tr>
					</table>
				</td>
			</tr>
		</table>
	</body>
</html>